<template>
    <!-- 面包屑导航 -->
    <div class="bread_top">
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item v-for="(item,index) in BreadCrumb" :key="index" :to="{ path: item.path }">{{item.name}}</el-breadcrumb-item>
        <!-- <el-breadcrumb-item :to="{ path: item.path }">{item.name}}</el-breadcrumb-item>
        <el-breadcrumb-item :to="{ path: item.path }">{item.name}}</el-breadcrumb-item> -->
      </el-breadcrumb>
    </div>
</template>
<script lang="ts">
  import Vue from 'vue'

  export default Vue.extend({
    name:'BreadCrumb',
    props:{
      BreadCrumb:Array,
      deflut:[]
    },
    created(){

        // BreadCrumb:[
        //   {path:'/home',name:'首页'},
        //   {path:'',name:'商品管理'},
        //   {path:'',name:'添加商品'}
        // ],
    }
  })
</script>

<style scoped>
  .bread_top{
    height: 30px;
    padding:5px 10px;
  }
</style>